<?php
///**
// * Created by PhpStorm.
// * User: 86131
// * Date: 2021/12/8
// * Time: 下午 06:53
// *
// * 判断cookies是否存在。
// * 上传头像，预览功能；上传成功后要展示头像。
// *
// */
//echo '用户中心页面'.'<br />';
//print_r($_COOKIE['Token']).'<br />';
//
//if(isset($_COOKIE['Token'])){
//    echo 'cookie设置成功，请开始上传你的头像：<br />';
//    echo '头像：<input type="file" name="headImg">'
//}else{
//    echo '未设置cookie，无法上传头像';
//}
?>


<doctype>
    <html>
    <head>
        <meta charset="utf-8">
        <title>用户中心页面</title>
    </head>
    <body>
        <form action="imageManipulation.php" method="post" enctype="multipart/form-data">
            <p>用户中心页面</p>
            <?php
                if(!isset($_COOKIE['Token'])){
                    echo '未设置cookie，无法上传头像';
                    die();
                }
            ?>
            <p>请上传你的头像：<input type="file" id="headImg" name="headImg" onchange="imgChange()"></p>
            <p><input type="submit" value="上传"></p>
        </form>
        <img src="" id="img" alt="">
    </body>
    <script>
        function imgChange() {
            var headImgObject = document.getElementById('headImg');
            var URL = window.webkitURL || window.URL;
            var imgURL = URL.createObjectURL(headImgObject.files[0]);
            document.getElementById('img').src = imgURL;
        }
    </script>
    </html>
</doctype>












